/* START: RESPONSIVE STYLES */
@media screen and (min-width: 768px){
    .navigation .navbar #navbarSupportedContent .mobile-close{
        display: none;
    }
}


@media screen and (max-width: 768px){
    #header #header-content{
        z-index: 9;
    }
    
    #header #top-links{
        display: none;
    }
    
    #header #mobile-login .navbar-toggler{
        position: fixed;
        top: 2.4em;
        right: 5em;
    }
    
    #header #mobile-login button .fa-user{
        font-size: 35px;
        color: rgba(255,255,255,0.5);
    }
    
    #header .subpage #mobile-login button .fa-user{
        color: rgba(0,0,0,0.5);
    }
    
    .navigation .navbar .navbar-toggler{
        color: #ffffff;
        position: fixed;
        top: 2.5em;
        right: 2.5em;
    }
    
    .navigation #mobile-login #navbarMobileLogin{
        background-color: #ffffff;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        overflow-x: hidden;
        transition: 0.5s;
    }
    
    .navigation .navbar #navbarSupportedContent{
        background-color: #ffffff;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        overflow-x: hidden;
        transition: 0.5s;
    }
    
    .navigation .navbar #navbarSupportedContent .mobile-close a,
    .navigation #mobile-login #navbarMobileLogin .mobile-close a{
        display: block;
        color: #000000;
        position: absolute;
        top: 2em;
        right: 1em;
    }
    
    .navigation .navbar #navbarSupportedContent .mobile-close a:hover,
    .navigation .navbar #navbarSupportedContent .mobile-close a:focus,
    .navigation #mobile-login #navbarMobileLogin .mobile-close a:hover,
    .navigation #mobile-login #navbarMobileLogin .mobile-close a:focus{
        color: #c1d64b;
    }
    
    .navigation .navbar #navbarSupportedContent .mobile-close a .fa-times,
    .navigation #mobile-login #navbarMobileLogin .mobile-close a .fa-times{
        font-size: 1.5em;
    }
    
    .navigation .navbar-nav{
        position: relative;
        top: 2em;
        width: 100%;
        text-align: left;
        margin-top: 30px;
    }
    
    #header #header-content #navbarMobileLogin ul li a{
        color: #000000;
        margin-top: 3em;
        padding: 15px 20px;
        text-align: center;
    }
    
    #header #header-content nav ul li a{
        color: rgba(0,0,0,0.4);
        margin: 0px;
        padding: 15px 20px;
    }
    
    #header #header-content nav ul li a.active, 
    #header #header-content nav ul li a:hover, 
    #header #header-content nav ul li a:focus,
    #header #header-content #navbarMobileLogin ul li a:active,
    #header #header-content #navbarMobileLogin ul li a:hover,
    #header #header-content #navbarMobileLogin ul li a:focus{
        color: #000000;
        border-radius: 0px;
        font-weight: bold;
    }
    
    #header #header-content nav ul li .dropdown-menu{
        margin-top: 0px;
    }
    
    #header #header-content nav ul li.social-media-block{
        margin-top: 20px;
    }
    
    #header #header-content nav ul li.social-media-block a{
        color: #02B9FF;
    }
    
    #header #header-content nav ul li.social-media-block a:hover,
    #header #header-content nav ul li.social-media-block a:focus{
        color: #000000;
    }
    
    #header #header-content nav ul li.phone-block{
        margin: 40px auto 0px;
    }
    
    #header #header-content nav ul li.phone-block a{
        border: 1px solid #000000;
        border-radius: 20px;
        color: #000000;
    }
    
    #header #header-content nav ul li.phone-block a:hover,
    #header #header-content nav ul li.phone-block a:focus{
        color: #ffffff;
        background-color: #000000;
    }
    
    #hero{
        max-height: 350px;
    }
    
    #hero #hero-panel{
        position: relative;
        top: -10.5em;
        z-index: 1;
    }
    
    #hero #hero-panel #hero-title{
        font-size: 1.5em;
    }
    
    #hero #hero-panel #hero-desc{
        font-size: 1em;
    }
    
    #hero #hero-panel #hero-link a{
        font-size: 0.8em;
    }
    
    #mainContent #our-advantages {
        background: url('/IBC%20Digital/Templates/img/our-advantages-mobile.jpg') no-repeat transparent top center;
        background-size: contain;
    }
    
    #mainContent #our-advantages .content-panel{
        width: 100%;
        background: url('/admin/richeditUpload/pexels-fauxels-3184312-5.png') no-repeat transparent bottom center;
        background-size: contain;
    }
    
    #mainContent #our-advantages .button-panel a{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    
    #mainContent #our-advantages .button-panel a .fas{
        float: right;
    }
    
    #mainContent #our-services .view-all{
        display: block;
        width: 100%;
        text-align: left;
    }
    
    #mainContent #our-services .view-all .fas{
        float: right;
        margin-top: 5px;
    }
    
    #mainContent #next-level {
        background: url('/IBC%20Digital/Templates/img/next-level-mobile.jpg') no-repeat transparent top center;
        background-size: contain;
    }
    
    #mainContent #next-level .content-panel{
        width: 100%;
    }
    
    #meet-team .main-bg #desktopImage{
        display: none;
    }
    
    #meet-team .main-bg #mobileImage{
        display: block;
    }
    
    #subpage-main .content-b, 
    #subpage-main .content-c, 
    #subpage-main .ready-to-talk,
    #subpage-main .achieve-business-goals,
    #subpage-main .takeControlROI,
    #subpage-main .productDevelopment
    {
        padding: 4em 1em;
    }
    
    #subpage-main .clientSlider .clientSlider-item{
        display: inline-block;
        width: 50%;
        margin-bottom: 2em;
        vertical-align: middle;
    }
    
    #subpage-main .clientSlider .clientSlider-item img{
        margin: 0px auto;
    }
    
    #subpage-main .otherApps{
        padding: 1em;
    }
    
    #subpage-main .otherApps .row {
        margin-bottom: 0;
    }
    
    #subpage-main .otherApps a{
        display: block;
        margin-bottom: 1em;
    }
    
    #subpage-main .whatsInIt {
        background: url(/IBC%20Digital/Templates/img/whats-init-mobile-top.png) no-repeat center top, url(/IBC%20Digital/Templates/img/whats-init-mobile-bottom.png) no-repeat center bottom;
        background-size: contain;
        padding: 10em 1em;
    }
    
    #subpage-main .resultsYouveBeenWaitingFor{
        background: url(/IBC%20Digital/Templates/img/results-youve-been-waiting-for-mobile.png) no-repeat transparent center bottom;
        padding: 1em;
    }
    
    #subpage-main .weKnowYouWantIt{
        background: url(/IBC%20Digital/Templates/img/we-know-you-want-it-mobile-top.png) no-repeat center top, url(/IBC%20Digital/Templates/img/we-know-you-want-it-mobile-bottom.png) no-repeat center bottom;
        background-size: contain;
        padding: 10em 1em;
    }
    
    #subpage-main .content-b img,
    #subpage-main .content-c img,
    #subpage-main .seoBusinessGrowth img,
    #subpage-main .semAdvantage img{
        margin-bottom: 1em;
        width: 100%;
    }
    
    #subpage-main .smm .shadowBox{
        padding: 0;
        box-shadow: none;
    }
    
    #subpage-main .smm .shadowBox .row{
        margin-bottom: 2em;
    }
    
    #subpage-main .sMPlatformUsers img{
        width: 100%;
    }
    
    #subpage-main .wayofPros{
        padding: 1em;
    }
    
    #subpage-main .smmDoneRight{
        padding: 1em;
    }
    
    #subpage-main .userCentricDesign .floatedLeft{
        width: 100%;
    }
    
    #subpage-main .webDesignBrandRecognition{
        padding: 1em;
    }
    
    #subpage-main .brandRecognition{
        background: url('/IBC%20Digital/Templates/img/design-brings-buck-mobile.png') no-repeat transparent center bottom;
        background-size: contain;
    }
    
    #subpage-main .brandRecognition img{
        width: 100%;
        margin-bottom: 2em;
    }
    
    #subpage-main .brandRecognition .textPanel{
        padding: 1em;
    }
    
    #subpage-main .brandRecognition .textPanel img{
        width: auto;
    }
    
    #subpage-main .margin5Em{
        margin: 2em 0;
        padding: 0 1em;
    }
        
    #subpage-main .lineInBetween span{
        padding: 0;
    }
    
    #subpage-main .intuitiveWebDesign .row .col-md-11{
        padding-top: 0px;
    }
    
    #subpage-main .hosting img{
        width: 100%;
        margin-bottom: 1em;
    }
    
    #subpage-main .takeChargeOfBusinessGrowth{
        background: url('/IBC%20Digital/Templates/img/take-charge-of-business-growth-mobile.png') no-repeat transparent center bottom;
        padding: 1em;
        background-size: cover;
    }
    
    #subpage-main .webMaintenanceExperts{
        background: url('/IBC%20Digital/Templates/img/web-maintenance-experts-mobile-top.png') no-repeat center top, url('/IBC%20Digital/Templates/img/web-maintenance-experts-mobile.png') no-repeat center bottom;
        padding: 10em 1em;
        background-size: contain;
    }
    
    #subpage-main .trustworthyTransparent{
        background: url('/IBC%20Digital/Templates/img/trustworthy-transparent-mobile.png') no-repeat transparent center bottom;
        padding: 5em 1em 5em;
        background-size: contain;
    }
    
    #subpage-main .whatToExpect{
        padding: 5em 1em;
    }
    
    #subpage-main .IBCDigitalSupport{
        padding: 5em 1em;
    }
    
    #subpage-main .IBCDigitalSupport img{
        margin-bottom: 1em;
    }
    
    .ourWork{
        background: url('/IBC Digital/Templates/img/whats-instore-mobile-top.png') no-repeat center top, url('/IBC Digital/Templates/img/whats-instore-mobile-bottom.png') no-repeat center bottom;
        background-size: contain;
    }
    
    .ourWorkGovt{
        background: url('/IBC Digital/Templates/img/government-website-mobile.png') no-repeat center center #000000;
        background-size: contain;
    }
    
    #subpage-main .bringResults{
        padding: 5em 1em;
    }
    
    #subpage-main .strictestStandards{
        padding: 5em 1em;
    }
    
    #subpage-main .strictestStandards img{
        margin-bottom: 1em;
    }
    
    #subpage-main .bigClients{
        background: url('/IBC Digital/Templates/img/big-client-mobile.png') no-repeat left bottom transparent;
        background-size: contain;
        padding: 5em 1em 15em;
    }
    
    #subpage-main .coffeeWithUs{
        padding: 5em 1em;
    }
    
    #subpage-main .letsChat{
        padding: 5em 1em;
    }
    
    #teamBlock .row{
        margin: 2em auto;
    }
    
    #teamBlock .teamName{
        font-weight: bold;
    }
    
    #footer #footer-top #footer-tagline{
        text-align: center;
    }
    
    #footer #footer-top #footer-button a{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    #footer #footer-bottom .w-20{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    
    #footer #footer-bottom .footer-logo-ibc{
        text-align: center;
        margin-bottom: 10px;
    }
    
    #footer #footer-bottom .footer-bottom-links ul{
        padding-left: 0px;
    }
    
    #footer #footer-bottom .footer-bottom-links ul li{
        margin: 15px 0px;
    }

}


@media screen and (min-width: 2560px){
    #hero #hero-image img{
        width: 100%;
    }
}

/* END: RESPONSIVE STYLES */